<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
	body{font-size:12px;text-align:center}
	form{width:241px;}
	textarea,select.buttion.input,span{display:none}
	.btn{border:#666 1px solid;padding:2px;width:60px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECE9D8);}
	.txt{border:#666 1px solid;padding:3px}
	.img{padding:2px;border:solid 1px #ccc}
	.div{border:solid 1px #ccc;background-color:#eee;padding:5px}
</style>
<script type="text/javascript" src="../../js/jquery-2.1.1.min.js"></script>
<script>
	//均是获取"所有"
	$(function(){
		$("#form1 div").html("表单共找出Input类型元素："+$("#form1 :input").length);
		$("#form1 div").addClass("div");
	})
	$(function(){
		$("#form1  :text").show(3000);
	})
	$(function(){
		$("#form1 :password").show(3000);
	})
	$(function(){
		$("#form1 :radio").show(3000);
		$("#form1 #Span1").show(3000);
	})
	$(function(){
		$("#form1 :checkbox").show(3000);
		$("#form1 #Span2").show(3000);
	})
	$(function(){
		$("#form1 :submit").show(3000);
	})
	$(function(){
		$("#form1 :image").show(3000);
	})
	$(function(){
		$("#form1 :reset").show(3000);
	})
	$(function(){
		$("#form1 :button").show(3000);
	})
	$(function(){
		$("#form1 :file").show(3000);
	})
	
</script>
</head>
<body>
	<form id="form1">
		<textarea class="txt">TextArea</textarea>
		<select><option vlaue="0">Item 0</option></select>
		<input type="text" value="Text" class="txt"/>
		<input type="password" value="PassWord" class="txt"/>
		<input type="radio" ><span id="Span1">Radio</span>
		<input type="checkbox"/>
		<span id="Span2">CheckBox</span>
		<input type="submit" value="Submit" class="btn" />
		<input type="image" title="Image" src="Images/logo.gif" class="img" />
		<input type="reset" value="Reset" class="btn" />
		<input type="button" value="Button" class="btn" />
		<input type="file" title="File" class="txt" />
		<div id="divShow"></div>
	</form>
</body>
</html>